<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui">
    <body>
       <ui:composition template="/vistamain.xhtml">
          <ui:define name="title">Servicios</ui:define>
          <ui:define name="body">
            <h:form>
                <center>Servicios</center>
                <div align="right">
                Buscar por:<br/>
                Proveedor: <h:selectOneMenu value="#{flash.idProv}">
                    <f:selectItem itemLabel="" 
                                  itemValue=""/> 
                    <f:selectItems itemValue="#{c.usuario}"
                                   value="#{coleccionProveedores.listaProveedores}"
                                   var="c"
                                   itemLabel="#{c.razonSocial}"
                                   />
                    
                </h:selectOneMenu>
                <br/>
                Tipo de servicio: <h:selectOneMenu value="#{flash.tipoServ}">
                    <f:selectItem itemLabel="" itemValue=""/> 
                    <f:selectItem itemLabel="Hotel" itemValue="webservices.HotelServicio"/>
                    <f:selectItem itemLabel="Vehiculo" itemValue="webservices.AutoServicio"/>
                    <f:selectItem itemLabel="Tour" itemValue="webservices.TourServicio"/>
                    <f:selectItem itemLabel="Transporte" itemValue="webservices.TransporteServicio"/>
                    
                </h:selectOneMenu>  <br/> 
                <h:commandButton value="Filtrar!!"/>
                </div>
                <h:dataTable var="prov" 
                             value="#{coleccionProveedores.listaProveedores}"
                             binding="#{servicioBacking.provs}">
                     <h:column>
                                 
                         <h:dataTable var="serv"
                                      value="#{prov.servicios}"
                                      binding="#{servicioBacking.servs}"
                                      rendered="#{((prov.usuario==flash.idProv) || empty flash.idProv )}">
                             <h:column>
                                 <h:panelGroup rendered="#{((serv.class.name==flash.tipoServ) || empty flash.tipoServ )}">
                                     <h3>#{serv.nombre}</h3>
                                 <h6>
                                 Servicio:  #{serv.descripcion} <br/>
                                 
                                 <p:dataTable value="#{serv.listaImagenes}"
                                              var="imagen">
                                   <p:column>
                                     <p:graphicImage value="#{servicioBacking.image}"/>
                                   </p:column>
                                     
                                 </p:dataTable>
                                 
                                 Proveedor: #{prov.razonSocial}<br/>
                                 Direccion: #{prov.direccion}<br/>
                                 Pais: #{prov.pais}<br/>
                                 
                                 <h:dataTable var="prop"
                                              value="#{uBean.lineasDescrip(serv)}">
                                    <h:column>
                                       <h:outputText value="#{prop}"/>
                                    </h:column>
                                 </h:dataTable>
                                 
                                 </h6>
                                </h:panelGroup>   
                                  
                             </h:column>
                             <h:column >
                               <h:panelGroup rendered="#{((serv.class.name==flash.tipoServ) || empty flash.tipoServ )}">  
                                 <h:commandButton 
                                     action="#{servicioBacking.contratarServicio}"
                                     value="Contratar!!"/>
                                 <h:commandButton
                                     action="#{servicioBacking.contactar}"
                                     value="Contactar Proveedor!"/>
                               </h:panelGroup>
                             </h:column>
                         </h:dataTable> 
                         
                     </h:column>
                    
                </h:dataTable>
                <div align="right">
                    <h:commandButton value="Confirmar carrito"/></div>
            </h:form>
          </ui:define>
      </ui:composition>
    </body>
</html>
